<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>运动</title>
</head>

<body>
<div class="tiwdfs">
  <span id="numbers">3</span>
</div>
  <header>
    <ul class="Table">
      <a href="../motion.html">
        <li class="public">
          跑步
        </li>
      </a>
      <a href="./Cycling.html">
        <li>
          骑行
        </li>
      </a>
      <a href="../introduction.html">
        <li>
          课程训练
        </li>
      </a>
    </ul>
  </header>
  <main>
    <div class="bigbox">
      <div class="box boxsre">
        <div>
          <div class="distance Versioncenter">
            <p>目前累积跑步距离:</p>
            <p><span class="gongls" id="gongls"></span><span>公里</span></p>
          </div>

          <!-- 地图 -->
        <div class="kiwfs">
          <div id="container"></div>
          <div class="Mapdis">
            <ul class="RunOptions">
              <li class="gensg">户外跑</li>
              <li>燃脂跑</li>
              <li>跑步机</li>
              
                <div id="gots">Go</div>
             
            </ul>
            <ul class="install">
              <li class="setup"></li>
              <li class="SetGoals">设置目标></li>
              <li class="music"></li>
            </ul>
          </div>
        </div>

          <div class="Route">
            <span>
              <h3>跑步路线</h3>
              <p>使用跑步路线, 邂逅附近的同行者</p>
            </span>
            <div>></div>
          </div>

        </div>
      </div>
  </main>
  <!-- 底部菜单 -->
  <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nqUUgxpGFs9hT1iGs0mLSpZyMmcz7N0Z"></script>
  <!-- <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=nqUUgxpGFs9hT1iGs0mLSpZyMmcz7N0Z"></script> -->
</body>

</html>